@import '../../assets/css/mixin.scss';

.contentWrapNoHeader{
  padding-top: 0.88rem;
}
.formWrap{
  background-color: #ffffff;
  margin-top: 0.3rem;
}
.input-container{
  @include flex(space-between, center);
  padding: 0.28rem 0.36rem;
  border-bottom: 1px solid #f1f1f1;
}
.input-container input{
  color: #666666;
  text-align: left;
  font-size: 0.32rem;
  border: none;
}
.loginButton{
  text-align: center;
  background-color: #4cd964;
  color: #ffffff;
  font-size: 0.32rem;
  margin: 0 .2rem 1rem;
  padding: 0.2rem 0;
  border-radius: 4px;
}
.tipClass{
  padding: 0 0.3rem;
}
.tipClass p{
  margin: 0.2rem 0;
  font-size: 0.24rem;
  color: red;
}
.switch-button{
  font-size: 0.24rem;
  background-color: #cccccc;
  color: #ffffff;
  border: 1px;
  @include wh(0.92rem, 0.32rem);
  border-radius: 1rem;
  text-align: center;
  position: relative;
  .circle-button{
    transition: all .3s;
    @include wh(0.56rem, 0.56rem);
    border-radius: 50%;
    background-color: #f1f1f1;
    position: absolute;
    top: -0.12rem;
    left: 0;
  }
}
.change-to-text{
  background-color: #4cd964;
}
.trans-to-right{
  transform: translateX(0.55rem);
}
.img-code{
  width: 2.7rem;
  font-size: 0.24rem;
  @include flex(center,center);
  position: relative;
}
.img-code img{
  position: absolute;
  left: 0;
}
.img-code .get-img{
  position: absolute;
  right: 0;
}